<template>
    <div class="header">
      <div class="avatar">
        <img :src="seller.avatar" >
      </div>
      <div class="name">
        <span v-html="seller.name"></span>
      </div>
    </div>
</template>

<script>
export default{
  props:{
    seller:{
      type:Object
    }
  }
};
</script>

<style scoped>
.header{padding:10px;overflow: hidden;}
.avatar{width:64px;height:64px;display: block;float: left;}
.avatar img{width:64px;height:64px;}
.name{float:left;}
</style>
